ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ           background-color: var(--white);
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }
        
        .package:hover {
            transform: translateY(-5px);
        }
        
        .package h3 {
            font-size: 24px;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        .package-price {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        .package ul {
            list-style: none;
            margin-bottom: 30px;
        }
        
        .package li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 25px;
        }
        
        .package li:before {
            content: 'âœ“';
            color: var(--primary);
            position: absolute;
            left: 0;
            font-weight: 700;
        }
        
      .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.gallery-item {
  height: 450px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s;
  background-color: #f5f5f5; /* optional: for better contrast */
}

.gallery-item img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.gallery-item:hover {
  transform: scale(1.05);
}
        
        .testimonials {
            background-color: var(--gray);
        }
        
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .testimonial {
            background-color: var(--white);
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }
        
        .testimonial-text {
            font-style: italic;
            margin-bottom: 20px;
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
        }
        
        .testimonial-author .img-container {
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .author-name {
            font-weight: 600;
        }
        
        .contact {
            background-color: var(--white);
        }
        
        .contact-form {
            max-width: 600px;
            margin: 0 auto;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
        }
        
        .form-control {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
        }
        
        textarea.form-control {
            height: 150px;
            resize: vertical;
        }
        
        footer {
            background-color: var(--secondary);
            color: var(--white);
            padding: 50px 0 20px;
        }
        
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 40px;
        }
        
        .footer-section {
            flex: 1;
            min-width: 250px;
            margin-bottom: 30px;
        }
        
        .footer-section h3 {
            font-size: 18px;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background-color: var(--primary);
        }
        
        .footer-section p {
            margin-bottom: 10px;
        }
        
        .social-links a {
            display: inline-block;
            height: 40px;
            width: 40px;
            background-color: #333;
            color: var(--white);
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            margin-right: 10px;
            transition: background-color 0.3s;
        }
        
        .social-links a:hover {
            background-color: var(--primary);
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #444;
            font-size: 14px;
        }
        
        @media (max-width: 768px) {
            .service-description {
                flex-direction: column;
            }
            
            .service-text {
                padding-right: 0;
                margin-bottom: 30px;
            }
            
            .hero h1 {
                font-size: 36px;
            }
        }                                                                                                                                                                                                                                                                                                                                                Ÿ®!Ä‚xÓè·;.µ«L¨Ä,t8Hz¯÷~r“ÊBÂQ/¥R
ã|Dh;ÐàùXj8‹ý P ½D“øs	ãâf°É×lq×@ß ü;ÿéòCf“6â–ö,=8ÜšÐ ètùsÕ&Y;þÙðøl}JxCÛgÏZxUzOb3\ç‚Í·;	RþÕÎAèÃêx‰MQå´O€Ûqhiêú—u9ð Á¬“[¦R7jE®ÓÆ–j¸w½vþ‡œÌIzyþÉ&Æ$@ìãfLá·Î0Þ„W¶©)œ=UzoÝéäMãÞ´ˆ«WßÅ’ß4åÂœ]6ïuÀiDàªƒÖ"3©¢™ÀèÝ<À‰Óß,?nVÊø©î¸þ0–+&‚ nxÙrnN7¶8Žà2V³ÊêXÛ¹6ïî“³fîJ|D]#†ÜŸ¿ièRy2¼,‰<ý‹ùÿYÿ*¸	àÐÆ»§õ‚‡R8Ìix}oE;2 Èœ³,‘u"Tl0àË”Úsg~ª}¦ðß‰¸¬Þœ{(Ç6$Ý8t4”Iw“MŠ”òí9T{‘Þ”õpèœ¬—žõ‰ªì/1ˆ‚vœ„Í›Å„ÂŽ®6–ÙP—˜õÄäJ°¤¡`xØd(éu–iAhQc€øÅl¶ÀáÄP<©¤YJ	ãjM¯Kñ@Ór6ÌT´Æz‰·5	“)A–DJ{èñ&Üÿ—\4ë€zOè‹ ÌŸ…°Ü‘MaoùRÿËßæöÆrÂàòE‹*¹ÿø:7úhW+?,,Œ$×>0é1	Ÿ[bèý©EÑØ“¦’üWöÝiúyÖòÆžšñ¶†Vó®4tgQ0Y,ß”Q<â%Ÿ­Ö'>øb ú­ Ž¹Ô
ÅÌÈÔ‚… owð<Œ=^Ã —‘É¿×¸V3ÔkÄ©-K#f£ÙrÉQ3½ø_Q#ÀkËÈÀKà-]ÿ†V‚×Ô\µ—\Rný	¬ÄŸu\‡…2žw›‚‰¸ØY"!`KÙf"@6ÇpxìÜ[•VVäízƒoú¯‘û¿³±þ>(¬X)`¡~´Xçcæ˜“’À« RCá«êMÌ!‡Ü5.DözæU3F÷¹;±­zûÐ¸´+‚yx…ˆvUh¨yX+ŠscF¹»ó±µ*Ö\Ùð.'Af½,ü~d*îUÝ "øÞŽØ’…¾s‘AÕË…ùÖL]T¨»¹^g¾A7ø¨E!ì›,îËùÜXÉ¬³ü;}¼Ä³ãÍ-sƒ)ázñ~*ôÿl&eæ¹· ù%ZLôo£¬EôªÜˆ–å?ÀcÎŒ—bã©	pm”É” .àm%:eÙÏá¥T(n2#þ?ÅY³I¬O™‡oßª%!Ô@^ÅN·D­1}§É>¥™ŠOëåƒ#ÌL«ë•N!è0wSÂ§½”¬éÁ¾ÿÅÉsÝ·Ã¨!$+C.ôU*Û½²³†4§dß@á4§ý›'J\áÁâ—ÌÇUÌQUÉ¤§Ò³¬ñûEÂ*ÑvP@gŒ÷U.Ô¢šAð{µoC½>êZëÕõˆftºlçódiœ%P¸ü„x í‰³^Å¦Uä'IýÊåY(E®ôò«C¨§îÇ	¦Úýžp‹õ-™	‘tpItÉV|‚ð^ìsý$5ª‡âÖÙ=b»8ét$7/C•Œ5áôÅ¬]VÇ^®ÏŠ«‘Q©°¬’›D!1#Bg-\…z›2·+áÎçôIg{LØºvçƒ‚ÑN¢ž%wR@§az_R4é3ëBuÀ¢¡Ö%ÓiõY½ážîcÿî­ÊÜ^s¶XË&ŠŸ;¹¾…¯×œ¾µø¡5±”r¤DÂ?D*'XN±lšN§'Aÿ·´DkVß
˜.->{ðÑc§¸8ä“¶¶ç/Å”‘ZÈ¸u®Øªòî¸H¬2Èø_[ÞŠ&}nÙù8ÌlTœ!Öæv0ãã /* Base styles from original */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }



    @font-face {
      font-family: 'Neue Machina';
      src: url('https://fonts.cdnfonts.com/css/neue-machina') format('woff2');
    }

    @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
    }

    h1, h2, h3, h4 {
      font-family: 'Neue Machina', sans-serif;
      font-weight: 400;
      letter-spacing: -0.5px;
    }

    /* Wedding Stationery Styles */
    .header {
      text-align: center;
      margin-bottom: 3rem;
    }

    .header h1 {
      font-size: clamp(2rem, 4vw, 3rem);
      margin-bottom: 1rem;
    }

    .header p {
      color: #666;
      font-weight: 300;
      max-width: 600px;
      margin: 0 auto;
    }

    .filter-bar {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 2rem;
    }

    .filter-btn {
      padding: 8px 20px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 30px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
    }

    .filter-btn:hover, .filter-btn.active {
      background: #1a1a1a;
      color: white;
      border-color: #1a1a1a;
    }

    .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 30px;
      margin-bottom: 3rem;
    }

    .product-card {
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0,0,0,0.03);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
    }

    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

    .product-image {
      height: 250px;
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      position: relative;
      overflow: hidden;
    }

    .product-image img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      transition: transform 0.5s ease;
    }

    .product-card:hover .product-image img {
      transform: scale(1.05);
    }

    .product-badge {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #1a1a1a;
      color: white;
      padding: 5px 10px;
      border-radius: 4px;
      font-size: 0.8rem;
      font-weight: 600;
    }

    .product-details {
      padding: 20px;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }

    .product-title {
      font-size: 1.3rem;
      margin-bottom: 10px;
    }

    .product-description {
      color: #666;
      margin-bottom: 15px;
      font-size: 0.9rem;
      flex-grow: 1;
    }

    .product-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
      font-size: 0.9rem;
    }

    .product-price {
      font-family: 'Neue Machina', sans-serif;
      font-size: 1.3rem;
      color: #1a1a1a;
    }

    .product-actions {
      display: flex;
      gap: 10px;
    }

    .action-btn {
      padding: 8px 15px;
      border-radius: 4px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s ease;
      font-size: 0.9rem;
    }

    .wishlist-btn {
      backgr